<template>
  <div class="app-container  bg-gray">
    <el-card class="box-1">
      <div slot="header"><span>关于我们</span>
        <el-button v-if="queryMatch(273)" type="success" size="small" class="bg-green" @click="toModify">编辑</el-button>
      </div>
      <div class="vhtml" v-html="form.content">{{ form.content }}</div>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        content: ''
      }
    }
  },
  watch: {},
  created() {
    this.getData()
  },
  methods: {
    getData() {
      const url = 'lookabout/index'
      this.$store.dispatch('GetConnect', { url }).then(res => {
        this.form = res.data
      }).catch(e => {
        this.$message.error(e.msg + ',请刷新或联系管理员')
      })
    },
    toModify() {
      this.$router.push({
        path: '/information/about_us_edit'
      })
    }
  }
}
</script>

<style lang="scss" type="text/scss" scoped>
  @import '../../styles/index.scss';
  .box-1 {
    max-width: 1000px;
    margin: 0 auto;

    > div{
      span {
        font-size: 18px;
        font-weight: 600;
        padding: 0 10px;
      }
    }
  }
</style>
